<!doctype html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>李东欣 前端工程师</title>
		<link rel="stylesheet" type="text/css" href="css/index.css">
		<link rel="shortcut icon" type="image/x-icon" href="pic/favicon.png" />
		
	</head>
	<body>
		<section id="home">
			<div id="center" >
				<div class="homename" >
					<span style="border-bottom:5px solid #CF2822;" >
						Best On The Web
					</span>
					<div class="rogers">
						Rogers lee
					</div>	
				</div>
				
			</div> 
	  </section>
	  
	  <section  id="float_banner">
			<header class="container">
				<a href="李东欣 前端工程师.pdf" class="fl">前端攻城师</a>
				<nav class="fr">
					<a href="#home" id="nav-home" hidefocus="true">首页</a>
					<a href="#intro" id="nav-intro" hidefocus="true">个人简介</a>
					<a href="#skill" id="nav-skill" hidefocus="true">专业技能</a>
					<a href="#schoolLife" id="nav-schoolLife" hidefocus="true">校内生活</a>
					<a href="#workExperience" id="nav-workEXP" hidefocus="true" >工作经历</a>
				</nav>
			</header>
		</section>
	  
	
		
		<section id="intro" >
			<div id="introBox">			
				<div id="basic-information">
					<div	id="basic">
						<table border="0">
						  <tr>
						     <td rowspan="2">	<img src="pic/basic.png"/></td>
						     <td rowspan="2">&nbsp&nbsp&nbsp&nbsp</td>
						     <td ><span class="tdsize">基本信息</span><br><span>Information</span></td>
						  </tr>
					  </table>
				  </div>
				  <div id="information">
						<ul>
							<li>姓名 ：李东欣</li>
							<li>性别 ：男</li>
							<li>籍贯 ：天津</li>
							<li>电话 ：18629507174</li>
							<li>邮箱 ：rogerslee0825@163.com</li>
						</ul>
					</div>
					
				</div>
				
				<div id="edu">
					<div id="education">
						<table border="0">
						  <tr>
						     <td rowspan="2">	<img src="pic/education.png"/></td>
						     <td rowspan="2">&nbsp&nbsp&nbsp</td>
						     <td><span class="tdsize">教育背景</span><br><span >Education</span></td>
						  </tr>
					  </table>
			  	</div>
			  	<div id="collage">
			  		<div class="work-exp-list__point1" >
			  			<i class="work-exp-list__point__ico" ></i>2012年09月
			  		</div>
				  	<section class="work-exp-list__company clearfix">
							<div class="work-exp-list__company__body">
								<p>长安大学 交通运输(卓越工程师)</p>	
							</div>
						</section>
						<div class="work-exp-list__point2">
			  			<i class="work-exp-list__point__ico"></i>2015年04月
			  		</div>
				  	<section class="work-exp-list__company clearfix">
							<div class="work-exp-list__company__body">
								<p>义无反顾的投身于程序员的行列</p>	
							</div>
						</section>
					</div>
				</div>
				
			</div>
		</section>
				
		<section id="skill" style="height:640px"> 
			<div class="tabs tabs-style-linemove" >
				<nav>
					<ul>
						<li class="tab-current"><a href="#sec tion-linemove-1" class="icon icon-coffee"><span>语言</span></a></li>
						<li class=""><a href="#section-linemove-2" class="icon icon-box"><span>思想</span></a></li>
						<li class=""><a href="#section-linemove-3" class="icon icon-display"><span>框架</span></a></li>
						<li class=""><a href="#section-linemove-4" class="icon icon-tools"><span>工具</span></a></li>
						<li class=""><a href="#section-linemove-5" class="icon icon-upload"><span>软技能</span></a></li>
					</ul>
				</nav>
				<div class="content-wrap">
					<section id="section-topline-1">
						<div class="list">
							<ul>
								<li>HTML(5)、CSS(3)
									<dl>
										<dd>● 熟悉掌握DIV+CSS方式页面设计</dd>
										<dd>● 能使用合适的结构编写兼容主流浏览器的页面布局</dd>
										<dd>● 了解HTML5新标签语义，并且能适当运用CSS3使效果更佳</dd>
										<dd>● 使用Chrome开发者工具、Firebug等辅助开发</dd>
									</dl>
								</li>
								<li>JavaScript
									<dl> 
										<dd>● 能较为熟练的使用原生JavaScript进行编程</dd>
										<dd>● 了解并使用模块化、面向对象的方式进行编程</dd>
									</dl>
								</li>
								<li>Java
									<dl>
										<dd>● 较为熟练使用Java语言(J2SE)</dd>
										<dd>● 为我建立起面向对象编程的思考方法</dd>	
									</dl>
								</li>
								<li>PHP
									<dl>
										<dd>● 熟悉PHP+MySQL编程</dd>	
									</dl>
								</li>
							</ul>
						</div>
					</section>
					<section id="section-topline-2"><div class="list">
							<ul>
								<li>表现、内容和行为的分离
									<dl>
										<dd>● 用HTML进行结构化，抛开一切的表现形式，只考虑语义，在没有样式的时候也是可读的</dd>
										<dd>● 用CSS进行表现处理，包括HTML的默认表现</dd>
									</dl>
								</li>
								<li>标记结构良好、语义正确以及普遍合法
									<dl> 
										<dd>● 合理的运用各种标记符号</dd>
										<dd>● 能写出更加健壮的语义化的HTML结构</dd>
									</dl>
								</li>
								<li>Javascript的面向对象的编程思想
									<dl>
										<dd>● 将松散的JS代码进行整合，便于后期的维护</dd>	
										<dd>● 但是我认为在前端中没必要刻意追求面向对象的思想</dd>
										
									</dl>
								</li>
								<li>响应式设计
									<dl>
										<dd>● 能做出一些简单的响应式布局</dd>	
									</dl>
								</li>
							</ul>
						</div>
					</section>
					<section id="section-topline-3"><div class="list">
							<ul>
								<li>jQuery
									<dl>
										<dd>● 较为熟练的使用jQuery</dd>
									</dl>
								</li>
								<li>Bootstrap
									<dl> 
										<dd>● 进行过一些学习，但水平有限</dd>
									</dl>
								</li>
							</ul>
						</div></section>
						<section id="section-topline-4"><div class="list">
							<ul>
								<li>调试工具
									<dl>
										<dd>● Firebug</dd>
										<dd>● IETester</dd>
										<dd>● Chrome开发者工具</dd>
									</dl>
								</li>
								<li>开发工具
									<dl> 
										<dd>● UltraEdit(初学时手敲代码)</dd>
										<dd>● Sublime Text</dd>
									</dl>
								</li>
								<li>原型设计工具
									<dl>
										<dd>● Axure</dd>
										<dd>● PhotoShop</dd>	
										<dd>● Mockplus</dd>
									</dl>
								</li>
								<li>版本管理工具
									<dl>
										<dd>● git</dd>	
									</dl>
								</li>
							</ul>
						</div></section>
					<section id="section-topline-5"><div class="list">
							<ul>
								<li>自学能力
									<dl>
										<dd>● 作为野生程序猿只能靠自学能力</dd>
										<dd>● 虽然我本身学的是交通运输专业，但是我也对市场营销、物流等有着自己的学习并且取得过一些成绩</dd>
									</dl>
								</li>
								<li>好产品的思想
									<dl> 
										<dd>● 在学习前端开发之前，我一直在为成为一名合格的产品经理做着努力</dd>
										<dd>● 对于产品和其功能有着自己的想法。善于从经济利益的角度发现需求，而不是仅仅从功能的角度</dd>
									</dl>
								</li>
								<li>团队合作
									<dl>
										<dd>● 作为队长带领团队获得过省冠军</dd>
										<dd>● 大学一直担任学院篮球队队长，抗压能力极强，不怕失败</dd>	
										<dd>● 组织力、执行力强</dd>	
									</dl>
								</li>
							</ul>
						</div></section>
					
				</div><!-- /content -->
			</div><!-- /tabs -->
		</section>
		<section id="schoolLife" >
    <div id="slBox">
		<div id="slTitle">
			<h2 style="  font-size: 30px;color: #222;margin-bottom: 0px;padding-right: 10px;padding-left: 10px;">校内生活</h2>
				<p class="headerLine" style=" margin-top:5px;width: 160px;height:4px;display: inline-block;background:#CF2822;"></p>
			</div>
		<div id="cesi">
			<table >
				<tr>
					<td rowspan="2" class="date">2013.10-2013.12</td>
					<td rowspan="2">&nbsp&nbsp&nbsp</td>
					<td rowspan="2">&nbsp&nbsp&nbsp</td>
					<td rowspan="2">&nbsp&nbsp&nbsp</td>
					<td><p class="bsname" >陕西省第三届赛思商业精英挑战赛 冠军 队长</p></td>
				</tr>
				<tr>
					<td>
				    <ul class="bs">
								<li>● 同时参与该比赛的学校有西安交通大学、西安工业大学、西安邮电大学等13校五百余支代表队5000余人</li>
				        <li>● 作为队长，负责组织安排人员编写策划、进行市场调研。同时，作为ppt的演讲人，参与ppt答辩过程</li>
					    	<li>● 获得五百强高管推荐书一封并且获得一个团队实习的机会</li>
						</ul>
					</td>
				</tr>
			</table>
		</div>
		<div id="logistics">
			<table>
				<tr>
					<td rowspan="2" class="date">2014.09-2014.12</td>
					<td rowspan="2">&nbsp&nbsp&nbsp</td>
					<td rowspan="2">&nbsp&nbsp&nbsp</td>
					<td rowspan="2">&nbsp&nbsp&nbsp</td>
					<td><p class="bsname">第五届大学生物流设计大赛 校内第二名 队长</p></td>
				</tr>
				<tr>
					<td>
					  <ul class="bs">
							<li>● 单独设计钢铁类第四方物流平台的产品原型，商业模式类似于UBER，是一种大宗商品的物流配送系统</li>
							<li>● 仍然作为PPT演讲人，参与策划案答辩</li>
						</ul>
					</td>
				</tr>
			</table>
		</div>
		<div id="basketball">
			<table>
				<tr>
					<td class="date">2012.09-2015.11</td>
					<td rowspan="2">&nbsp&nbsp&nbsp</td>
					<td rowspan="2">&nbsp&nbsp&nbsp</td>
					<td rowspan="2">&nbsp&nbsp&nbsp</td>
					<td><p class="bsname">经管学院男子篮球队队长</p></td>
				</tr>
					
			</table>
		</div>
	</div>
</section>
<section id="workExperience">
    <div id="workBox">
			<div id="weTitle">
				<h2 >工作经历</h2>
				<p></p>
		  </div>
		  <div id="jtWork">
				<div id="Mossack">
					<p class="workCompany" >Mossack Fonseca</p>
					<p class="workJob">Businesses Development Department  实习生</p>
					<p class="workTime">2014-07&nbsp至&nbsp2014-09</p>
				</div>
				<div id="Fonseca">
					<ul>
						<li>● 带领团队提前完成了2014年的客户信息的审核、制作公司的宣传视频以及策划完成两个客户活动</li>
						<li>● 协助IT部门进行数据库升级</li>
						<li>● 负责7月至9月公司微信平台的运营</li>
						<li>● 个人完成公司二季度的全国客户回访、网上数据采集以及市场情况调研等</li>
					</ul>
				</div>
			</div>
			<div id="futureWork" >
				<div id="Mossack">
					<p class="workCompany" >???</p>
					<p class="workJob" >前端工程师 全职？实习？</p>
					<p class="workTime" >2016-05&nbsp至&nbsp未来</p>
				</div>
			</div>
		</div>
	</section>
	<section id="last">
			<div id="lastWeb" >
				<p id="lastName" >		
					<span style="border-bottom:5px solid #CF2822;" >
						你，会是我的伯乐么？
					</span>
			</p>	
			</div> 
	</section>

    <script src="cbpFWTabs.js"></script>
		<script>
			(function() {
				[].slice.call( document.querySelectorAll( '.tabs' ) ).forEach( function( el ) {
					new CBPFWTabs( el );
				});
			})();
			var speed = 100;
	var scrollTop = null;
	var hold = 0;
	var float_banner;
	var pos = null;
	var timer = null;
	var moveHeight = null;
	float_banner = document.getElementById("float_banner");
	window.onscroll=scroll_ad;
	function scroll_ad(){
	    scrollTop = document.documentElement.scrollTop+document.body.scrollTop;
	    pos = scrollTop - float_banner.offsetTop;
	    pos = pos/3
	    moveHeight = pos>0?Math.ceil(pos):Math.floor(pos);
	    if(moveHeight!=0){
	        float_banner.style.top = float_banner.offsetTop+moveHeight+"px";
	        setTimeout(scroll_ad,speed);
	    }
	//alert(scrollTop);
	}
		</script>
	</body>
</html>